<template>
  <div>
    <button @click="$router.push('/article')">点击跳转到面经页</button>
    <hr>
    <button @click="fn">点击跳转到面经页</button>
    <hr>
    <button @click="fn2">跳转传参 - query方式</button>
    <button @click="fn3">跳转传参 - params方式</button>

    <hr>
    <button @click="fn4">到user</button>
  </div>
</template>

<script>
export default {
  name: 'CollectPage',
  methods: {
    fn () {
      
      this.$router.push('/article')
    },

    fn2 () {

      // this.$router.push({
      //   path: '/like',
      //   query: {
      //     name: 'jack',
      //     age: 16
      //   }
      // })

      // 建议大家，传参时用name传参
      this.$router.push({
        name: 'like',
        query: {
          name: 'jack',
          age: 16
        }
      })
    },

    fn3 () {
      this.$router.push({
        // 使用path的形式，只支持用query传参,如果用params不支持
        // 但是用name既支持query传参，也支持params传参
        name: 'like',
        params: {
          name: 'rose',
          age: 15
        }
      })
    },

    fn4 () {

      this.$router.push('/user/110/jack')
    }
  }
}
</script>
